<!DOCTYPE HTML>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title></title>
    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <script type="text/javascript" charset="utf-8" src="../lang/zh-cn/zh-cn.js?20220320"></script>
  <script>var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?5f8b495b287894a451c761c963e6e34a";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();</script>
  <link rel="stylesheet" href="./style.css"/>
</head>
<body class="demo-editor-page">
<div>
  <h1>UEditor设置宽高demo</h1>
  <h2><span style="color:red">这里的宽高都只是编辑区域的宽高，不包括工具栏的高度和状态栏的高度</span></h2>
  <h2>容器给定编辑器的宽高</h2>

  <script type="text/plain" id="myEditor" style="width:500px;height:500px"></script>

  <div style="clear:both"></div>
  <h2>初始化时给定编辑器的宽高</h2>
  <script type="text/plain" id="myEditor1" ></script>

  <h2>没有工具栏的编辑器</h2>
  <div id="myEditor2" style="width:700px;height:300px;border:1px solid #ccc"></div>

  <script type="text/javascript">
    //根据容器的宽高
    //容器给定高度
    UE.getEditor('myEditor');
    UE.getEditor('myEditor1',{
      initialFrameWidth : 600,
      initialFrameHeight: 600
    });

    var noToolbar = new UE.Editor();
    noToolbar.render('myEditor2',{
      autoFloatEnabled : false
    })

  </script>
</div>
</body>
</html>
